<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>06-CSS字体属性之文字样式(风格)</title>

  <style>
    .active {
      font-style: normal;
    }

    /* 
    现在需要为div标签添加 
      1. 文字倾斜
      2. 字体加粗
      3. 字号设置16像素
      4. 字体类型为微软雅黑
    */
    div {
      /* 一般方法 */
      /* font-style: italic;
      font-weight: 700;
      font-size: 16px;
      font-family: 'Microsoft yahei'; */
      
      /* 复合属性：简写 */
      /* 书写顺序必须按照如下所示 */
      /* font: font-style font-weight font-size/line-height font-family; */
      font: italic 700 16px 'Microsoft yahei';
      /* 1. 普通写法：预定义的颜色值 */
      /* color: pink; */
      /* 2. 16进制写法 */
      /* color: #ffffff; */
      /* 3. RGB写法 */
      color: rgb(255, 0, 0);
    }

    /* 使文字居中对齐 */
    h1 {
      /* left right cent 左右中 */
      text-align: center;
    }

    h4 {
      /* 下划线 */
      /* text-decoration: underline; */

      /* 删除线 */
      /* text-decoration: line-through; */

      /* 上划线 */
      text-decoration: overline;
    }

    a {
      /* 删除超链接下划线 */
      text-decoration: none;
    }


    

  </style>
</head>
<body>

  <em>上课时的我</em> <br>
  <em class="active">下课时的我</em>

  <div>三生三世十里桃花, 一心一意百行代码</div>

  <div>听说喜欢pink的颜色</div>

  <h1>我是一个标题</h1>

  <h4>粉红色的回忆</h4>

  <a href="#">我是一个超链接标签</a>
  
</body>
</html>